<template>
	<div>
		<Header></Header>
		<List :hotCities='hotCities' :cities='cities'></List>
	</div>
</template>
<script>
	import Header from './pages/Header'
	import List from './pages/List'
	export default{
		name : 'city',
		data () {
			return {
				hotCities:[],
				cities:[],
				
			}
		},
		components:{
			List,
			Header,
		},
		mounted () {

			// this.scroll=new BScroll('.wrapper')
			this.$http.get("/api/city.json").then((res)=>{
				let data = res.data.data;
				console.log(data);
				this.hotCities=data.hotCities;
				this.cities=data.cities;
			})
		}
	}
</script>